<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
        <title>综合管理系统</title>
        <link rel="stylesheet" href="../stylesheets/common.css" type="text/css" />
        <script  type="text/javascript">
            var preClassName = "man_nav_1";
            function list_sub_nav(Id,sortname){
                if(preClassName != ""){
                    getObject(preClassName).className="bg_image";
                }
                if(getObject(Id).className == "bg_image"){
                    getObject(Id).className="bg_image_onclick";
                    preClassName = Id;
                    showInnerText(Id);
                }
            }

            function showInnerText(Id){
                var switchId = parseInt(Id.substring("man_nav_".length));
                var showText = "对不起没有信息！";
                switch(switchId){
                    case 1:
                        showText =  "<a target='rightFrame' href='/bookaction/blank'>添加图书</a>";
                        break;
                    case 2:
                        showText =  "system setting!";
                        break;
                    case 3:
                        showText =  "User Manage";
                        break;		   
                    case 4:
                        showText =  "Chanage Manage";
                        break;	
                }
                getObject('show_text').innerHTML = showText;
            }
            //获取对象属性兼容方法
            function getObject(objectId) {
                if(document.getElementById && document.getElementById(objectId)) {
                    // W3C DOM
                    return document.getElementById(objectId);
                } else if (document.all && document.all(objectId)) {
                    // MSIE 4 DOM
                    return document.all(objectId);
                } else if (document.layers && document.layers[objectId]) {
                    // NN 4 DOM.. note: this won't find nested layers
                    return document.layers[objectId];
                } else {
                    return false;
                }
            }
        </script>
        <body>
            <div id="nav">
                <ul>
                    <li id="man_nav_1"  onclick="list_sub_nav(id,'管理首页')"  class="bg_image_onclick">图书管理</li>
                    <li id="man_nav_2"  onclick="list_sub_nav(id,'账户管理')"  class="bg_image">账户管理</li>
                    <li id="man_nav_3"  onclick="list_sub_nav(id,'广告新闻')"  class="bg_image">广告新闻</li>
                    <li id="man_nav_4"  onclick="list_sub_nav(id,'配置管理')"  class="bg_image">配置管理</li>
                </ul>
            </div>
            <div id="sub_info">
            &nbsp;&nbsp;<img src="../images/hi.gif" />&nbsp;
            <span id="show_text"><a target="rightFrame" href='/bookaction/blank'>添加图书</a>
            </span>
            </div>
        </body>
</html>